<template>
  <ul class="ultwo">
    <li v-for="item in data2">
      <span>{{item.date}}</span>
      <span>{{item.pices}}</span>
      <span>{{item.hao}}</span>
    </li>
  </ul>
</template>

<script>
  export default {
    name: "Paifan4",
    data(){
      return {
        data2:[
          {date:'2017/06/26',pices:'消费：￥1700',hao:'排号：19'},
          {date:'2017/06/26',pices:'消费：￥1800',hao:'排号：20'},
          {date:'2017/06/26',pices:'消费：￥1900',hao:'排号：21'},
          {date:'2017/06/26',pices:'消费：￥1600',hao:'排号：22'}
        ]
      }
    }
  }
</script>

<style scoped>
  .ultwo{
    background: #fff;
  }
  .ultwo li{
    display: flex;
    justify-content: space-between;
    padding: 2.7rem 0;
    border-bottom: 1px solid #ccc;
  }
  .ultwo li span{
    font-size: 2.8rem;
    line-height: 3.6rem;
    margin: 0 4rem;
  }
</style>
